<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title>jQuery sample - jquery</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<link rel="stylesheet" href="style.css" type="text/css">
<script type="text/javascript" src="../js/jquery-1.7.1.js"></script>
<script language="JavaScript"><!--
  $(function(){
    $(".pop").hover(
      function(){$(this).css("margin-top","10px").css("margin-bottom","30px")},
      function(){$(this).css("margin-top","20px").css("margin-bottom","20px")}
    );
  });
//--></script>
</head>

<body>
<h1>Belgian Beer</h1>
<div class="waku">
<img src="photo1.jpg" class="pop">
<img src="photo2.jpg" class="pop">
<img src="photo3.jpg" class="pop">
<img src="photo4.jpg" class="pop">
<img src="photo5.jpg" class="pop">
</div>
</body>

</html>